<!DOCTYPE html>
<html lang="en">
<!--王艳辉-->
<head>
    <meta charset="UTF-8">
    <title>老师账号信息管理</title>
    <link rel="stylesheet" type="text/css" href="plugin/layui/css/layui.css"/>
    <script src="plugin/layui/layui.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<table id="teacherInfo" lay-filter="teacherInfo"></table>
<script type="text/html" id="resetpassword">
    <a class="layui-btn layui-btn-warm" lay-event="reset">重置密码</a>
</script>
<script>
    layui.use(['table', 'jquery', 'layer', 'form', 'laydate'], function () {
        // 加载layui模块，使用其推荐的【预先加载】方式，详见官网【模块规范】一节
        var table = layui.table;
        var $ = layui.$;
        var layer = layui.layer;
        var form = layui.form;
        var laydate = layui.laydate;


        //监听单元格修改
        table.on('edit(teacherInfo)', function(obj){ //注：edit是固定事件名，test是table原始容器的属性 lay-filter="对应的值"
            //console.log(obj.value); //得到修改后的值
            var value=obj.value;//刷新后的值
            var fieldname=obj.field;//刷新的字段
           // console.log(obj.field); //当前编辑的字段名
            //设置json数据
            var data={};
            data[fieldname]=value;
            data["tcId"]=obj.data.tcId;
           // console.log(data);

            $.post("/teacher/updateTeacherInfo", data,function(res) {
                //更新成功
                if (res.code==200) {

                layer.msg(res.message)   ;
                }else {//更新失败

                    layer.msg(res.message)   ;
                    table.reload('teacherInfo');//重载
                }

            })
            //console.log(obj.data); //所在行的所有相关数据
        });

        //监听点击事件
        table.on('tool(teacherInfo)',function (d) {

           // layer.msg("点击了重置密码！");
            var tcId=d.data.tcId;
            //发送请求重置密码
            $.post("/teacher/resetPassword",{"tcId":tcId},function (res) {
                //重置成功
                if (res.code==200) {
                    layer.msg(res.message);
                    //更新密码
                    d.update({
                    password: res.data.password
                    ,
                    });
                }else {//更新失败
                    layer.msg(res.message)   ;
                }
            })
        })

        //表格的渲染
        table.render({
            elem: '#teacherInfo',
            height: 500,
            url: '/teacher/getallbypage' //数据接口
            ,
            page: true //开启分页
            ,
            cols: [
                [
                    {
                        field: 'tcId',
                        title: '编号',
                        type: 'numbers',
                        width: 70,
                    },
                    {
                        field: 'account',
                        title: '账号',
                        width: 120,
                    },
                    {
                        field: 'password',
                        title: '密码',
                        width: 120,
                    },
                    {
                        field: 'name',
                        title: '姓名',
                        edit: 'text',
                        width: 120,
                    },
                    {
                        field: 'subject',
                        title: '学科',
                        width: 80,
                    },
                    {
                        field: 'tel',
                        title: '电话',
                        edit: 'text',
                        width: 130,
                    },
                    {
                        field: 'mailbox',
                        title: '邮箱',
                        edit: 'text',
                        width: 200,
                    },{
                    toolbar: '#resetpassword', title: '操作',
                    width: 180
                },
                ]]
        })

        });
</script>
</body>
</html>